<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
    <title>商品页面</title>

    <link rel="stylesheet" href="Css/example.css" />
    <link rel="stylesheet" href="Css/easyzoom.css" />

</head>

<body>
    <div class="navi_body">
        <div class="navi_head">
            <div style="width:80%; margin-left:auto; margin-right:auto;">
                <span>
					<p class="navi_title">首页</p>
				</span>
                <span>
					<p class="navi_title">旅行</p>
					<p><a href="">国内旅游</a></p>
					<p><a href="">周边旅游</a></p>
					<p><a href="">主题旅游</a></p>
                    <p><a href="">日本 韩国</a></p>
                    <p><a href="">东南亚 南亚</a></p>
                    <p><a href="">欧洲</a></p>
                    <p><a href="">美洲</a></p>
				</span>
                <span>
					<p class="navi_title">特价专区</p>
					<p><a href="">特价路线</a></p>
					<p><a href="">特价机票</a></p>
                    <p><a href="">特价酒店</a></p>
                    <p><a href="">特价签证</a></p>
                    <p><a href="">特价门票</a></p>
				</span>
                <span>
					<p class="navi_title">当季热门度假</p>
					<p><a href="">泰国</a></p>
					<p><a href="">港澳台</a></p>
					<p><a href="">欧洲环游</a></p>
					<p><a href="">三亚</a></p>
					<p><a href="">毛里求斯</a></p>
					<p><a href="">巴塞罗那</a></p>
				</span>
                <span>
					<p class="navi_title">帮助</p>
                    <p><a href="">人工服务</a></p>
                    <p><a href="">用户信息</a></p>
                    <p><a href="">查看订单</a></p>
					<p><a href="">留言评价心想</a></p>
					<p><a href="">在线预订</a></p>
				</span>
            </div>
        </div>
    </div>
    <div class="container">

        <h1>德国+法国+瑞士+意大利12-13日游</h1>
        <p>欧洲初游首选 一价全含 千人出游两百好评 双宫两舟一山 人气领队 瑞士湖景酒店 国航联运</p>

        <h2> Overlay </h2>
        <div class="easyzoom easyzoom--overlay">
            <a href="imgS/1_zoom.jpg"><img src="imgS/1_standard.jpg" alt="" width="600" height="360" /></a>
        </div>

        <div class="cont-right">
            <div>
                <span>德国+法国+瑞士+意大利12-13日游</span>
            </div>
            <div class="column-1">
                <span class="column-2">价格:</span>
                <span>￥</span>
                <span class="column-3">12299.00</span>
            </div>
            <div class="purchase">
                <div class="purchase-1">
                    <span>购买数量：</span>
                    <input type=" text " value="1 ">
                </div>
            </div>
            <div class="logo ">
                <div class="buttn ">
                    <a href=" ">加入购物车</a>
                </div>
                <div class="buttn ">
                    <a href=" ">立即购买</a>
                </div>
            </div>
        </div>

    </div>


    <script src="Script\jquery-easyui-1.5.2\jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript " src="Script/easyzoom.js "></script>
    <script type="text/javascript ">
        // 实例化EasyZoom插件
        var $easyzoom = $('.easyzoom').easyZoom();
        // API获得实例
        var api = $easyzoom.data('easyZoom');
    </script>


</body>

</html>